main{
    width: 100%;
    height: 100%;
}
// 蓝色数字展览盒子
.Blue-number{
    width: 100%;
    min-height: 340px;
    background: #4294FF ;
    // 返回
    .return{
        width: 100%;
        height: 50px;
        text-indent: 10px;
        line-height: 50px;
    }
    // 我的运动数据box
    .motion-text-box{
        width: 100%;
        height: 100px;
        // 我的运动数据
        .motion-text{
            text-indent: 10px;
        }
        // 头像
        .photo{
            width: 60px;
            height: 60px;
            border-radius: 50%;
            margin-right: 10px;
            background-size: cover;
        }
    }
    // 下边左右结构具体数据
    .bottom-box{
        display: flex;
        width: 100%;
        height: 100px;

        .all-motion{
            margin-left: 15px;
            width:calc(50% - 1px);
            min-height: 20px; 
            border-right: 1px solid #ccc;

            .title{
                width: 100%;
                height: 20px;
                color: #ccc;

               

            }
            .text{
                width:100%;
                height: 20px; 

            }
            .text>span:nth-child(1){
                font-size: 45px;
            }

        }
        .week-motion{
            width: 50%;
            height: 100px;
            text-indent: 15px;

            .title{
                width: 100%;
                height: 20px;
                color: #ccc;
            }
            .text{
                width:100%;
                height: 20px; 

            }
            .text>span:nth-child(1){
                font-size: 45px;
            }
        }
    }
    // 运动数据
    .motion-data{
        margin: auto;
        width: 90%;
        height: 100px;
    }

}
// 白色图形展览图
.White-graphics{
    min-height: 600px;
    width: 100%;


    // 最近7天运动时长
    .motion-duration{
        margin: 20px auto;
        padding: 0 15px;
        height: 247px;
        width: 95%;
        background: #fff;
        box-shadow: 1px 1px 8px 2px #ccc;
        border-radius: 15px;

        // 近7天运动时长
        .motion-duration-text{
            // margin: 20px auto;
            height: 42px;
            width: 100%;
            line-height: 42px;
        }
        .motion-duration-img{
            width: 100%;
            height: 240px;
            // background: palegreen;
        }
    }
    // 运动分类
    .motion-classify{
        margin: auto;
        padding: 0 15px;
        height: 247px;
        width: 95%;
        background: #fff;
        box-shadow: 1px 1px 8px 2px #ccc;
        border-radius: 15px;

        // 运动分类
        .motion-classify-text{
            height: 42px;
            width: 100%;
            line-height: 42px;
        }
        .motion-classify-img{
            width: 100%;
            height: 247px;
            // background: palegreen;
        }
    }
}